import React, { memo } from 'react';
// const Example = () => {
//     const divEl = useRef(null)
//     const handle = () => {
//         console.log(divEl.current.innerText);
//          divEl.current.focus();
//     }
//     return (
//         <div onClick={handle} ref={divEl}>
//             我是example
//         </div>
//     )
// }




const Son = memo(function Son(props) {
    console.log('我是子组件');
    return (
        <div>{props.title}</div>
    )
})
// function Son(props) {
//     console.log('我是子组件');
//     return (
//         <div>{props.title}</div>
//     )
// }


class Example extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            name: '我是李大师的去去去',
            title: "22sddsfkdjsfksjksj",
            obj:{
                age:24
            }
        }
    }

    handle = () => {
        this.setState({
            name: '2222',
            obj:{
                age:78
            }
        })
    }
    componentDidMount() {
        console.log('componentDidMount');
    }
    componentDidUpdate() {
        console.log('componentDidUpdate');
    }

    render() {
        return (
            <div>
                <p>1111</p>
                <p>{this.state.name}</p>
                <p onClick={this.handle}>handle</p>
                <Son title={this.state.title}></Son>
            </div>
        )
    }
}


export default Example